body {position: relative;margin: 0;padding-bottom: 0;overflow-x: hidden;background: #f5f5f5;font-family:"Microsoft YaHei";color: #797979;height: 100%; min-width: 1000px;}
html {position: relative;height: 100%;background: #f5f5f5;}
h1,h2,h3,h4,h5,h6 {color: #505458;font-family: "Microsoft YaHei";margin: 10px 0;}
h1 {line-height: 43px;}
h2 {line-height: 35px;}
h3 {line-height: 30px;}
h3 small {color: #444444;}
h4 {line-height: 22px;}
h4 small {color: #444444;}
h5 {font-size: 15px;}
h5 small {color: #444444;}
p {line-height: 1.6;}
* {outline: none !important;}
b {font-weight: 600;}
a:hover,a:active,a:focus {outline: 0;text-decoration: none;}
.a-underline,.a-underline:hover,.a-underline:focus{text-decoration: underline;}
.footer {border-top: 1px solid rgba(154, 157, 160, 0.2);bottom: 0;color: #9a9da0;text-align: left !important;padding: 19px 30px 20px;position: absolute;right: 0;left: 0;}
.wrapper {padding-top: 15px;position: relative;}
.page {bottom: 0;left: 0;right: 0;top: 0;}
#container_body{opacity: 0;padding: 0;width: 95%}
#container_body.container{width: 96%;}
.overflow-h{overflow-y: hidden}
.clear{clear: both}
/* Page titles */
.page-title {font-size: 20px;font-weight: 600;margin-bottom: 20px;margin-top: 7px;}
.page-title >span{display: inline-block;vertical-align: top;}
.page-header {border-bottom: 1px solid #DBDDDE;}
.page-title .breadcrumb{float: right;padding: 0;margin: 0;font-size: 14px;color: #797979;font-weight: normal;}
.page-title .breadcrumb li{vertical-align: middle;}
.page-title .title-children{font-size: 15px;font-weight: 500;vertical-align: inherit;}
.header-title {text-transform: uppercase;font-size: 16px;font-weight: 600;letter-spacing: 0.04em;line-height: 16px;margin-bottom: 8px;}
/* =============
   Base clasess
============= */
.p-0 {padding: 0 !important;}
.p-10{padding: 10px !important;}
.p-20{padding: 20px !important;}
.p-30{padding: 30px !important;}
.p-tb-10{padding:10px 0}
.p-l-0 {padding-left: 0 !important;}
.p-l-2 {padding-left: 2px !important;}
.p-l-5 {padding-left: 5px !important;}
.p-l-6 {padding-left: 6px !important;}
.p-l-8 {padding-left: 8px !important;}
.p-l-10 {padding-left: 10px !important;}
.p-l-15 {padding-left: 15px !important;}
.p-l-20 {padding-left: 20px !important;}
.p-l-30 {padding-left: 30px !important;}
.p-l-40 {padding-left: 40px !important;}
.p-l-60 {padding-left: 60px !important;}
.p-r-0 {padding-right: 0 !important;}
.p-r-5 {padding-right: 5px !important;}
.p-r-20{padding-right: 20px !important;}
.p-r-30{padding-right: 30px !important;}
.p-t-0 {padding-top: 0 !important;}
.p-t-2 {padding-top: 2px !important;}
.p-t-7 {padding-top: 7px !important;}
.p-t-10{padding-top: 10px !important;}
.p-t-15{padding-top: 15px !important;}
.p-b-0 {padding-bottom: 0 !important;}
.p-b-10{padding-bottom: 10px !important;}
.p-l-r-0 {padding-left: 0;padding-right: 0;}
.p-l-r-5 {padding-left: 5px;padding-right: 5px;}
.p-l-r-10{padding-left: 10px;padding-right: 10px;}
.p-l-r-15{padding-left: 15px;padding-right: 15px;}
.p-t-l-10{padding-top: 10px;padding-left: 10px}
.p-t-l-20{padding-top: 20px;padding-left: 20px}
.p-t-b-7{padding-top: 7px;padding-bottom: 7px}
.p-t-b-10{padding-top: 10px;padding-bottom: 10px}
.m-0 {margin: 0 !important;}
.m-auto {margin: 0 auto;}
.m-10 {margin: 10px !important;}
.m-r-5 {margin-right: 5px !important;}
.m-r-10{margin-right: 10px !important;}
.m-r-15{margin-right: 15px !important;}
.m-l-0 {margin-left: 0 !important;}
.m-l-5 {margin-left: 5px !important;}
.m-l-10 {margin-left: 10px !important;}
.m-l-15 {margin-left: 15px !important;}
.m-l-20 {margin-left: 20px !important;}
.m-t-5 {margin-top: 5px !important;}
.m-t-0 {margin-top: 0 !important;}
.m-t-7 {margin-top: 7px !important;}
.m-t-10 {margin-top: 10px !important;}
.m-t-15 {margin-top: 15px !important;}
.m-t-20 {margin-top: 20px !important;}
.m-t-25{margin-top: 25px !important;}
.m-t-30 {margin-top: 30px !important;}
.m-t-40 {margin-top: 40px !important;}
.m-b-0 {margin-bottom: 0 !important;}
.m-b-5 {margin-bottom: 5px !important;}
.m-b-10 {margin-bottom: 10px !important;}
.m-b-15 {margin-bottom: 15px !important;}
.m-b-20 {margin-bottom: 20px !important;}
.m-b-30 {margin-bottom: 30px !important;}
.m-l-r-0 {margin-left: 0;margin-right: 0;}
.m-l-r-10 {margin-left: 10px;margin-right: 10px;}
.m-l-r-20 {margin-left: 20px;margin-right: 20px;}
.m-t-b-10 {margin-top: 10px !important;margin-bottom: 10px !important}
.m-r-b-10 {margin-right: 10px !important;margin-bottom: 10px !important;}
.w-20{ width: 20px !important;}
.w-30{ width: 30px !important;}
.w-40{ width: 40px !important;}
.w-50{ width: 50px !important;}
.w-60{ width: 60px !important;}
.w-65{ width: 65px !important;}
.w-70{ width: 70px !important;}
.w-75{ width: 75px !important;}
.w-80{ width: 80px !important;}
.w-85{ width: 85px !important;}
.w-90{ width: 90px !important;}
.w-100{ width: 100px !important;}
.w-103{ width: 103px !important;}
.w-105{ width: 105px !important;}
.w-110{ width: 110px !important;}
.w-120{ width: 120px !important;}
.w-125{ width: 125px !important;}
.w-130{ width: 130px !important;}
.w-140{ width: 140px !important;}
.w-150{ width: 150px !important;}
.w-155{ width: 155px !important;}
.w-158{ width: 158px !important;}
.w-160{ width: 160px !important;}
.w-170{ width: 170px !important;}
.w-174{ width: 174px !important;}
.w-175{ width: 175px !important;}
.w-180{ width: 180px!important;}
.w-186{ width: 186px !important;}
.w-190{ width: 190px!important;}
.w-195{ width: 195px!important;}
.w-200{ width: 200px !important;}
.w-210{width: 210px !important;}
.w-215{width: 215px !important;}
.w-230{width: 230px !important;}
.w-250{width: 250px !important;}
.w-265{width: 265px !important;}
.w-300{width: 300px !important;}
.w-315{width: 315px !important;}
.w-320{width: 320px !important;}
.w-350{ width: 350px !important;}
.w-370{ width: 370px !important;}
.w-375{ width: 375px !important;}
.w-390{ width: 390px !important;}
.w-400{ width: 400px !important;}
.w-420{ width: 420px !important;}
.w-480{ width: 480px !important;}
.w-500{ width: 500px !important;}
.w-520{ width: 520px !important;}
.w-600{ width: 600px !important;}
.w-650{ width: 650px !important;}
.w-min-70{ min-width: 70px}
.w-min-80{ min-width: 80px}
.w-min-90{ min-width: 90px}
.w-min-100{ min-width: 100px}
.w-min-110{ min-width: 110px}
.w-min-120{ min-width: 120px}
.w-min-130{ min-width: 130px}
.w-min-150{ min-width: 150px}
.w-min-200{ min-width: 200px}
.w-min-250{ min-width: 250px}
.w-min-300{ min-width: 300px}
.w-max-250{ max-width: 250px}
.w-max-400{ max-width: 400px}
.w-max-450{ max-width: 450px}
.w-max-500{ max-width: 500px!important;}
.w-ratio-13{width: 13%}
.w-ratio-90{width: 90%}
.w-fixed-100{width: 100px !important;min-width: 100px!important}
.h-20{height: 20px}
.h-30{height: 30px !important;}
.h-40{height: 40px}
.h-50{height: 50px}
.h-60{height: 60px}
.h-200{height: 200px}
.h-220{height: 220px}
.h-275{height: 275px}
.h-450{height: 450px}
.h-min-200{ min-height: 200px}
.h-line-60{height: 60px;line-height: 60px}
.h-line-200{height: 200px;line-height: 200px}
.h-line-400{height: 400px;line-height: 400px}
.h-line-600{height: 600px;line-height: 400px}
.f-w-300 {font-weight: 300;}
.f-w-600 {font-weight: 600;}
.f-w-bold {font-weight: bold;}
.f-w-normal {font-weight: normal;}

.f-s-13 {font-size: 13px !important;}
.f-s-16{font-size: 16px;}
.f-s-20{font-size: 20px;}
.b-0 {border: none !important;}
.vertical-middle {vertical-align: middle;}

.bx-shadow {-moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);}

.thumb-sm {height: 32px;width: 32px;}
.thumb-md {height: 48px;width: 48px;}
.thumb-lg {height: 88px;width: 88px;}

textarea.text-area{resize: none;}

.position-r{position: relative}

.cursor-default{cursor: default !important;}
.cursor-pointer{cursor: pointer;}

.d-inline{display: inline!important;}
.d-inline-block{display: inline-block!important;}

.word-break-all{word-break: break-all;}

/*other*/
/*scrollbar*/
::-webkit-scrollbar {width: 10px;}
::-webkit-scrollbar-track,
::-webkit-scrollbar-thumb {border-radius: 999px;border: 1px solid transparent;}
::-webkit-scrollbar-thumb {background-clip: content-box;box-shadow: 0 0 0 5px rgba(0,0,0,.2) inset;}
::-webkit-scrollbar-corner {background: transparent;}

/*container load */
.container-load {background: #f5f5f5 none repeat scroll 0 0;bottom: 0;color: gray;left: 0;position: absolute;right: 0;top: 5px;z-index: 2000;}
.container-load-title {margin: 10% auto;max-width: 500px;padding: 20px;text-align: center;}
.container-load-title h1 {font-size: 26px;}
.container-load .loading-center-absolute{height: 50px}
.container-load .loading-lineenlarge{margin-right: 0;width: 6px;}
/*scroll-up*/
.btn-scroll-up {border-width: 0;position: fixed;right: 2px;z-index: 99;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;opacity: 0;filter: alpha(opacity=0);bottom: -24px;visibility: hidden;}
.btn-scroll-up.display {opacity: 0.7;filter: alpha(opacity=70);bottom: 2px;visibility: visible;}


.data-loading .loading-center-absolute.loading-lineenlarge-base{height: 60px;margin-top: -30px;}
.loading-lineenlarge {background-color: #2196f3 !important;height: 100%;width: 4px;display: inline-block;margin-right: 3px;-webkit-animation: loading-lineenlarge 1.2s infinite ease-in-out;animation: loading-lineenlarge 1.2s infinite ease-in-out;}
.loading-lineenlarge.lineenlarge2 {-webkit-animation-delay: -1.1s;animation-delay: -1.1s;}
.loading-lineenlarge.lineenlarge3 {-webkit-animation-delay: -1.0s;animation-delay: -1.0s;}
.loading-lineenlarge.lineenlarge4 {-webkit-animation-delay: -0.9s;animation-delay: -0.9s;}
.loading-lineenlarge.lineenlarge5 {-webkit-animation-delay: -0.8s;animation-delay: -0.8s;}
@-webkit-keyframes loading-lineenlarge {
    0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
    20% { -webkit-transform: scaleY(1.0) }
}
@keyframes loading-lineenlarge {
    0%, 40%, 100% {transform: scaleY(0.4);-webkit-transform: scaleY(0.4);}
    20% {   transform: scaleY(1.0);   -webkit-transform: scaleY(1.0);}
}

/*transition*/
.icon-rotate{
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    -ms-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
}
.icon-rotate.rotate-180{
    -webkit-transform:rotate(-180deg);
    -moz-transform:rotate(-180deg);
    -o-transform:rotate(-180deg);
    -ms-transform:rotate(-180deg);
    transform:rotate(-180deg);
}
/*notifyjs*/
.notifyjs-metro-base {position: relative;min-height: 52px;min-width: 250px;color: #444;border-radius: 3px;-webkit-border-radius: 3px;box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);-webkit-animation: dropdownOpen 0.3s ease-out;-o-animation: dropdownOpen 0.3s ease-out;animation: dropdownOpen 0.3s ease-out;}
.notifyjs-metro-base .image {display: table;position: absolute;height: auto;width: auto;left: 25px;top: 50%;font-size: 24px;-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.notifyjs-metro-base .text-wrapper {display: inline-block;vertical-align: top;text-align: left;margin: 10px 10px 10px 52px;clear: both;}
.notifyjs-metro-base .title {font-size: 15px;line-height: 20px;margin-bottom: 5px;font-weight: bold;}
.notifyjs-metro-base .text {font-size: 12px;font-weight: normal;max-width: 360px;vertical-align: middle;}
.notifyjs-metro-cool {color: #fafafa !important;background-color: #4A525F;border: 1px solid #4A525F;}
